<template>
    <div>

        <el-dialog
  title="智能排货"
  :visible.sync="znphisshow"
  :before-close="close"
  width="65%"
  center>
  <p>该区域属于学校商圈适合销售一下商品：</p>

     <div class="box2" >
          <div class="boxsp" v-for="(item,index) in hdlist" :key="index">
            <div class="sp"><img :src="item.skuImage" alt="">
            <div class="spname">{{item.brandName}}</div>
            </div>
             <div>
           </div>
          </div>
    </div>
      

  <span slot="footer" class="dialog-footer">
    <el-button @click='close'>采纳建议</el-button>
    <!-- <el-button type="primary" @click='submit'>采纳建议</el-button> -->
  </span>
</el-dialog>

    </div>
</template>

<script>
export default {
    name: 'eqweq',
props:{
    znphisshow:{
      type:Boolean,
      default:true
    },

    hdlist:{
         default:()=>[]
    }
},
    data() {
        return {
           
        };
    },

    mounted() {
        
    },

    methods: {
        close(){
      this.$emit('update:znphisshow',false)
    //   this.$refs.form.resetFields()
    //   this.form={}
      // console.log(this.form,'为什么清空不生效,生效啦');
    },

    // 点击提交
    async submit(){
    //   await this.$refs.form.validate()
    //   const res=await creatorder(this.form)
    //   // console.log(res,'新增成功了吗');
    //   this.$message.success('新增成功')
    //   this.close()
      this.$emit('update:znphisshow',false)
    //   this.$refs.form.reserFileds()
    //   this.form={}
    //   this.$parents.getList()
    },
    },
};
</script>

<style lang="scss" scoped>

        .box2{
        display: flex;
        flex-wrap: wrap;
        height: 400px;
        overflow: auto;

        .boxsp{
            width: 17%;
            height: 183px;
            // background-color: pink;
            border: 1px solid red;
            margin: 10px ;
            
             .sp{
              
              width: 100% ;
              height: 130px;
              background-color: #fff;
               
              img{
                 width: 100%;
                 height: 100%;
              }

              .spname{
                  margin-left: 40px;
              
              }
              
             }
          
        }
    }
</style>